<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" >
	<title>教学范围</title>
	<link rel="stylesheet" href="cash-in.css">
	<style type="text/css">
		body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
		 #allmap{
                height:calc( 100% - 70PX);
                width:100%;
            }
	</style>
</head>
<body>
<header>
	<img class="back" src="return.png" onclick="history.back()" alt="返回">
	<p>约教范围</p>
</header>
<div id="allmap"></div>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HZE4scXysMPZY1HMDTkI4cYSjRo13zZG"></script>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="../layer.js"></script>
<script type="text/javascript">
	$(function () {
	    var allmap = $("#allmap");
		var  gps_j=localStorage.gpsj;
	    console.log(gps_j)
		var  gps_w=localStorage.gpsw;
		// 百度地图API功能
		var map = new BMap.Map("allmap");
		var point = new BMap.Point(gps_j, gps_w);
		map.centerAndZoom(point, 13);
		var marker = new BMap.Marker(new BMap.Point(gps_j, gps_w)); // 创建点
		var circle = new BMap.Circle(point,5000,{fillColor:"blue", strokeWeight: 1 ,fillOpacity: 0.3, strokeOpacity: 0.3});
		map.addOverlay(circle);
		map.addOverlay(marker);            //增加点
		map.addOverlay(circle);            //增加圆
	});
</script>

    <script>
    document.addEventListener("plusready", function() {
        // 注册返回按键事件
        plus.key.addEventListener('backbutton', function() {
            window.history.back();
        }, false);
        //此处false代表不退出页面，如果为true回退到上一个一面
    });
</script>
</body>
</html>
